$(function () {
  // 菜单展开/折叠交互
  $('.menus .triangle').click(function () {
    $(this).parents('li').toggleClass('collapsed');
  })
  // 轮播-----------------------------
  layui.use('carousel', function () {
    var carousel = layui.carousel;
    //建造实例
    carousel.render({
      elem: '#kr_carousel',
      width: '100%', //设置容器宽度
      arrow: 'always', //始终显示箭头
      autoplay: true
      //,anim: 'updown' //切换动画方式
    });
  });

  //获取轮播
  getswipers()

  function getswipers() {
    $.get('/api/swipers', function (res) {
      let html = template('banner_tpi', res)
      $('#banner_').html(html)
    })
  }
  // 轮播-----------------------------

  // 友情链接列表-----------------------------
  getyqling()

  function getyqling() {
    $.get('/api/links', function (res) {
      if (res.status !== 0) {
        return layui.layer.msg(res.message, {
          icon: 5
        })
      }
      let html = template('yqlink_tpi', res)
      $('#yqlink').html(html)
    })
  }
  // 友情链接列表-----------------------------


  // -------------新闻列表-----------
  let q = {
    // 页码值
    pagenum: 1,
    // 每页显示多少条数据
    pagesize: 10,
  }
  let total = 0;
  // console.log(typeof q.pagenum, q.pagesize);
  // 功能1:文章列表加载功能
  // 获取数据,渲染到页面
  // 定义过滤器函数对发布时间格式化
  template.defaults.imports.dateformat = function (val) {
    let dt = new Date(val);
    let y = dt.getFullYear();
    let m = dt.getMonth() + 1;
    m = padZero(m)
    let d = dt.getDate();
    d = padZero(d)
    let hh = dt.getHours();
    hh = padZero(hh)
    let mm = dt.getMinutes();
    mm = padZero(mm)
    let ss = dt.getSeconds();
    ss = padZero(ss)
    return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
  }
  // 补零函数
  function padZero(n) {
    return n < 10 ? '0' + n : n
  }
  getNewList()
  //获取文章列表
  function getNewList() {
    $.ajax({
      method: 'get',
      url: '/api/articles',
      data: q,
      success(res) {
        if (res.status !== 0) {
          return layui.layer.msg(res.message, {
            icon: 5
          })
        }
        total = res.total
        // console.log(total);
        // 生成html字符串
        let htmlStr = template('newList', res)
        $('.kr_news_list').html(htmlStr)
      }
    })
  }
  // 加载更多
  // 点击加载更多,显示新一页的新闻
  $('.kr_news_list').on('click', '.kr_more', function () {
    // console.log(1);
    let num = (total - q.pagesize);
    if (num > 5) {
      q.pagesize += 5;
    } else if (num < 5 && num > 0) {
      q.pagesize += num;
    } else {
      return layui.layer.msg('没有更多了!', {
        icon: 7
      })
    }
    getNewList()

  })

})